<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>个人展示</title>
<script src="../js/jsconfigrem.js"></script>
<link rel="stylesheet" href="../css/swiper.min.css">
<link rel="stylesheet" href="../css/cssreset.css"/>
<link rel="stylesheet" href="css/user.css"/>
<script src="../js/swiper-3.4.1.min.js"></script>
<script src="../js/jquery-1.8.3.min.js"></script>
<style>

</style>
</head>
<body style="padding-top:00px;">
    <div class="app-wrap">
        <!-- 公有头部标题  -->
        <!-- <div class="head-title fixed">
            <div class="imgbox back-arrow">
                <a href="../index.html" class="block">
                    <img src="../publice_img/back-arrow.png" alt="">
                </a>
            </div>
            <p class="txt">个人展示</p>
        </div> -->
        <!-- 公有头部标题  -->
        <div class="user-banner static">
            <a class="back-arrow" href="../index.html">
                <img src="../publice_img/back.png" alt="">
            </a>
            <img src="images/userbanner.jpg" alt="">
        </div>
        <div class="main-body">
            <div class="user-photo">
                <div class="inner-user-photo">
                    <img src="images/userheader.jpg" alt="">
                </div>
                <div class="leve-ico">
                    <img src="images/leve.png" alt="">
                </div>   
            </div>
            <div class="section-1">
                <div class="user-main-resour text-c">
                    <p class="title">郭文亿</p>
                    <p class="sub-txt"><span>广东深圳</span> | <span>人称小马云</span></p>
                    <div class="progress">
                        <div class="pro-cont"></div>
                    </div>
                </div>
                <ul class="user-ul show-ul text-c cl">
                    <li class="show-fans">
                        <div class="imgbox">
                            <img src="images/show001.png" alt="">
                        </div>
                        <span>32</span>
                    </li>
                    <li class="show-fans">
                        <div class="imgbox">
                            <img src="images/show002.png" alt="">
                        </div>
                        <span>49</span>
                    </li>
                    <li class="show-fans">
                        <div class="imgbox">
                            <img src="images/show003.png" alt="">
                        </div>
                        <span>150</span>
                    </li>
                    <li class="show-fans">
                        <div class="imgbox">
                            <img src="images/show004.png" alt="">
                        </div>
                        <span>1659</span>
                    </li>
                </ul>
            </div>
            <div>
                <ul class="user-ul">
                    <li class="us-ul-list cl"><span class="left-span">住址</span><span class="right-span">广东省深紫色南山学生</span><div class="ab-ico"><img src="../publice_img/more_01.png" alt=""></div></li>
                    <li class="us-ul-list cl"><span class="left-span">邮箱</span><span class="right-span">广东山区旺棠学生</span></li>
                    <li class="us-ul-list cl"><span class="left-span">qq</span><span class="right-span">广东省深紫色南山区旺棠学生</span></li>
                    <li class="us-ul-list cl"><span class="left-span">婚姻状况</span><span class="right-span">广东紫色南山区旺棠学生</span></li>                    
                </ul>
                <!-- <span class="big-txt">1</span>  -->
                <div class="user-ul">
                    <p class="descript">1989年供职于广东人民广播电台。1996年加入凤凰卫视，主持娱乐资讯节目《相聚凤凰台》，新闻节目《时事直通车》。1998年推出闲谈节目《锵锵三人行》。2003年开始主持法制节目《文涛拍案》。2004年度“中国电视排行榜”中，获选为“最佳谈话节目主持人”。2005年被中国电视艺术家协会主持人专业委员会推选为2004年度最佳电视主持人。2012年，担任第四季《中国达人秀》观察员。2013年，加盟中央电视台财经频道财经新闻故事秀节目《滔滔不绝》。2014年，加盟河南卫视文化类节目《成语英雄》。[1]  2015年，主持由PPTV推出的脱口秀节目《天天逗文涛》</p>
                </div>
            </div>
            <div class="about-person">
                <p class="title">好友</p>
                <ul class="about-ul cl">
                    <li class="ab-ul-list col-20">
                        <a href="###" class="block">
                            <img src="images/h01.jpg" alt="">
                        </a>
                    </li>
                    <li class="ab-ul-list col-20">
                        <a href="###" class="block">
                            <img src="images/h02.jpg" alt="">
                        </a>
                    </li>
                    <li class="ab-ul-list col-20">
                        <a href="###" class="block">
                            <img src="images/h03.jpg" alt="">
                        </a>
                    </li>
                    <li class="ab-ul-list col-20">
                        <a href="###" class="block">
                            <img src="images/h04.jpg" alt="">
                        </a>
                    </li>
                    <li class="ab-ul-list col-20">
                        <a href="###" class="block">
                            <img src="images/h01.jpg" alt="">
                        </a>
                    </li>
                    <li class="ab-ul-list col-20">
                        <a href="###" class="block">
                            <img src="images/h01.jpg" alt="">
                        </a>
                    </li>
                    <li class="ab-ul-list col-20">
                        <a href="###" class="block">
                            <img src="images/h03.jpg" alt="">
                        </a>
                    </li>
                    <li class="ab-ul-list col-20">
                        <a href="###" class="block">
                            <img src="images/01.jpg" alt="">
                        </a>
                    </li>
                    <li class="ab-ul-list col-20">
                        <a href="###" class="block">
                            <img src="images/01.jpg" alt="">
                        </a>
                    </li>
                    <li class="ab-ul-list col-20">
                        <a href="###" class="block">
                            <img src="images/h01.jpg" alt="">
                        </a>
                    </li>
                    <li class="ab-ul-list col-20">
                        <a href="###" class="block">
                            <img src="images/h01.jpg" alt="">
                        </a>
                    </li>
                    <li class="ab-ul-list col-20">
                        <a href="###" class="block">
                            <img src="images/h04.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>

        </div>


        <div class="nomore-endsection">
            <div class="imgbox">
                <img src="../publice_img/nomore.png" alt="">
            </div>
            <p>没有更多啦!~~</p>
        </div>
    </div>


    
</body>
<script>
    $(function(){
        // 进度条缓冲动画
        setTimeout(function(){
            // alert(0);
            $(".pro-cont").css({
                "width":"74%"
            })
        },300)
    })
</script>
<script>



    var swiper = new Swiper('.gallery-banner', {
        // pagination: '.swiper-pagination'
        // paginationClickable: true,
        spaceBetween:8,
        // autoplay:3000,
        autoHeight: true, //enable auto height
  
    });

</script>
<script>
</script>

</html>